<template>
<div class="details_header">
  <el-row>
    <el-col :span="3">
      <a href=""><img src="../../../static/img/logo.png" alt=""></a>
    </el-col>
    <el-col :span="1">
      <a href=""><img src="../../../static/img/company_logo.jpg" alt=""></a>
    </el-col>
    <el-col class="shop_name" :span="5">
      <p>上海绿筑住宅系统科技有限公司</p>
      <p>店铺：Sfff12121211112</p>
    </el-col>
    <el-col :span="11">
      <el-input></el-input>
    </el-col>
    <el-col class="shop_collection" :span="4">
      <p>了解公司信息，进入<a href="">品牌库</a></p>
      <p><i class="el-icon-star-on"></i>收藏本店</p>
    </el-col>
  </el-row>
</div>
</template>  
<script>
export default {
  data () {
    return {

    }
  }
}
</script>
<style lang="scss" scoped>
@import "../../../static/jyj_index.scss";
.details_header{
  height: 50px;
  max-width: 1200px;
  margin: 100px auto;
}
.shop_name{
  text-indent: 15px;
  p{
    &:first-child{
      font-weight: bold;
      line-height: 30px;
    }
    line-height: 20px;
  }
}
.shop_collection{
  text-align: right;
  p{
    line-height: 20px;
    &:last-child{
      cursor: pointer;
      line-height: 30px;
      &:hover{
        color: $orange;
      }
    }
    i{
      font-size: 16px;
      margin-right: 4px;
    }
    a{
      color: $orange;
    }
  }
}
</style>
